/* ----------------------    Layout   ---------------------- */
* { padding: 0; margin: 0; }

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
#wrapper { 
    margin: 0 auto;
    width: 922px;
}
#header {
    color: #333;
    width: 920px;
    float: left;
    padding: 0px;
    border: 1px solid #ccc;
    height: 90px;
    margin: 0px 0px 3px 0px;
    /*background:#F6F0E0;*/
    background: #DAE5ED;
}
#navigation {
    float: left;
    width: 922px;
    color: #333;
    /*padding: 10px;
    border: 1px solid #ccc;
    margin: 0px 0px 5px 0px;*/
    background-color:#F3F2ED;
}
#leftcolumn { 
    color: #333;
    border: 1px solid #ccc;
    /*background:#F6F0E0;*/
    margin: 0px 5px 5px 0px;
    padding: 10px;
    height: 400px;
    width: 205px;
    float: left;
    background: #DAE5ED;
}
#rightcolumn { 
    float: right;
    color: #333;
    border: 1px solid #ccc;
    /*background:#CCC8B3;*/
    margin: 0px 0px 5px 0px;
    padding: 10px;
    height: 400px;
    width: 668px;
    display: inline;
    background: #84ADC5;
}

#footer { 
    width: 900px;
    clear: both;
    color: #333;
    border: 1px solid #ccc;
    /*ackground-color:#F3F2ED;*/
    margin: 0px 0px 10px 0px;
    padding: 10px;
    background-color: #DAE5ED;
    text-align: center;
}
/* ----------------------  END Layout ---------------------- */

/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{
    position:relative;
    height:40px; /* 56 */
    color:#E0E0E0;
    background:#143D55;
    width:100%;
    font-family:Helvetica,Arial,Verdana,sans-serif;
}
#dolphinnav{
    position:relative;
    height:33px;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    background:#fff url(../img/dolphin_bg.gif) repeat-x bottom left;
    padding:0 0 0 20px;
}
#dolphinnav ul{
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    float:left;
}
#dolphinnav ul li{
    display:block;
    float:left;
    margin:0 1px;
}
#dolphinnav ul li a{
    display:block;
    float:left;
    color:#EAF3F8;
    text-decoration:none;
    padding:0 0 0 20px;
    height:33px;
}
#dolphinnav ul li a span{
    padding:12px 20px 0 0;
    height:21px;
    float:left;
}
#dolphinnav ul li a:hover{
    color:#fff;
    background:transparent url(../img/dolphin_bg-OVER.gif) repeat-x bottom left;
}

#dolphinnav ul li a:hover span{
    display:block;
    width:auto;
    cursor:pointer;
}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
    color:#fff;
    background:#1D6893 url(../img/dolphin_left-ON.gif) no-repeat top left;
    line-height:275%;
}
#dolphinnav ul li a.current span{
    display:block;
    padding:0 20px 0 0;
    width:auto;
    background:#1D6893 url(../img/dolphin_right-ON.gif) no-repeat top right;
    height:33px;
}
/* ---------------------- END Dolphin nav ---------------------- */

/* ------------------------- Cabecera -------------------------- */
#header h1{
    float: left;
    display: block;
    padding: 50px 0px 0px 20px;
}
#header-img{
    display: block;
    float: right;
    padding: 0px;
    margin: 0px auto;
    height: 90px;
    width: 650px;
}
/* ----------------------- END Cabecera ------------------------ */

/* ----------------------- Col Izquierda ----------------------- */
#leftcolumn h2{
    padding: 0px 0px 10px 0px;
}
#leftcolumn .mathml{
    padding: 5px 0px 5px 0px;
    text-align: center;
    color: #1D6893;
}
#leftcolumn .buttoncenter {
    padding-top: 15px;
    text-align: center;
}
#asciiinput img{
    width: 18px;
    height: 18px;
    position: relative;
    top: 5px;
    padding-left: 5px;
}
#asciiinput input{
    width: 140px;
}
#addasciiinput{
    height: 18px;
    text-align: right;
    padding-top: 3px;
    padding-bottom: 10px;
}
#addasciiinput img{
    float: right;
    padding: 0px 0px 0px 5px;
    width: 18px;
    height: 18px;
}

#fileinput img{
    width: 18px;
    height: 18px;
    position: relative;
    top: 5px;
    padding-left: 5px;
}
#fileinput input{
}
#addfileinput{
    height: 18px;
    text-align: right;
    padding-top: 3px;
    padding-bottom: 10px;
}
#addfileinput img{
    float: right;
    padding: 0px 0px 0px 5px;
    width: 18px;
    height: 18px;
}
/* --------------------- END Col Izquierda --------------------- */

/* ------------------------ Col Derecha ------------------------ */
#rightcolumn .canvas {
    display: inline-block;
    width: 390px;
    height: 390px;
    padding: 4px;
    border: 1px solid #143D55;
    float: left;
    margin-right: 20px;
}

#rightcolumn .legend {
    display: inline-block;
    width: 220px;
    height: 190px;
    margin-top: 200px;
    padding: 4px;
    border: 1px solid #143D55;
}

/* ---------------------- END Col Derecha ---------------------- */

.setupform {
    padding: 8px 3px 8px 3px;
}

.setupform ul {
    list-style: none;
}

.setupform ul li label {
    display: inline-block;
    width: 50px;
    margin-right: 5px;
    margin-left: 5px;
}

.setupform ul li input {
    display: inline-block;
    width: 50px;
}

#hiddenform {
    display: none;
}

.error {
    color: red;
}

.aboutlabel {
    display: inline-block;
    color: white;
    font-size: 14px;
    width: 100px;
    text-align: left;
    margin: 10px 10px 10px 20px;
}

.abouttext {
    color: #EFFFFF;
    font-size: 12px;
    text-align: left;
}

.aboutp {
    margin: 20px;
    font-size: 14px;
    color: #EFFFFF;
}

.aboutfondo {
    padding: 5px;
    margin: 0px 200px 0px 20px;
    background-color: #143D55;
}

#menu ul {
    list-style: none;
    margin: 10px 0px 5px 5px;
}

#menu ul li {
    padding: 5px;
}

#menu ul li a:visited {
    color:#143D55;
}

#menu ul li a:link {
    color:#143D55;
}

#mathml {
    display: inline-block;
    margin: 40px 40px 0px 40px;
}

#astro {
    display: inline-block;
}

.imgindex {
    width: 250px;
    height: 250px;
}

.textoblanco {
    color: #EFFFFF;
    font-size: 14px;
    margin: 10px;
}